iT邦幫忙

2024 iThome 鐵人賽

DAY 8
0
IT 管理

【前端工程師&UI 的 30 天約會】戰勝猴子!:Figma 交付實戰篇系列 第 8

[Day8-討論階段] 拒當通靈王!請設計師出 Demo(Prototype)吧!(進階篇)

  • 分享至 

  • xImage
  •  

補充說明:Prototype 是什麼

Prototype(中文稱:原型)是一種 Demo 想法的工具。能夠有效呈現概念和互動,在專案的前、後期使用最為加分。

如同 Wireframe 的概念,除邏輯和流程外,一切盡量從簡,不作過多修飾。因此,Lo-fi Prototype 也可能是很多紙片的假想產品!透過實體手動操作(紙片疊加)demo 產品互動 😂!
紙本prototype

Prototype 的最佳實踐

  1. 快速迭代:在專案前期可以串連前面提到的「Wireframe」產出「Lo-fi Prototype(Low-fidelity Prototype,低擬真原型)。抽去設計風格,可以在討論初期專注於驗證概念和流程
    lofi prototype
  2. 詳細展示:在設計後期可以用最後的 UI Mockup 精稿產出「Hi-fi Prototype( High-fidelity Prototype,高擬真原型)」,可以為開發提供明確的參考,也作為開發的版本畫押。

Prototype 有助於幫助工程師們

  1. 提高開發效率:工程師可以更清楚地了解設計師想呈現的互動效果(完整流程的話還是建議用流程圖,比較能看到產品全貌),避免在開發過程中出現不必要的重工。
  2. 提供技術參考:Prototype 能夠幫助工程師在開發前確定技術實現的可行性,提前發現並解決潛在的技術問題。
  3. 增進團隊協作:藉由 Prototype,設計師和工程師可以更有效地溝通和協作。

討論了半天,下一篇將進入討論階段的收尾!


上一篇
[Day7-討論階段] 拒當通靈王!請設計師出 Demo(Prototype)吧!
下一篇
[Day9-討論階段] 需求定版!UI Mockup 是專案啟動的訊號 📡
系列文
【前端工程師&UI 的 30 天約會】戰勝猴子!:Figma 交付實戰篇15
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言